<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="common.css">
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="list">
        <div class="left">
            <a href="###">
                <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ac5cafc68c10ce4471869d378f594b52.png?thumb=1&w=234&h=614&f=webp&q=90" alt="">
            </a>
        </div>
        <div class="right">
            <ul>
                <li>
                    <a href="###">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bcd64f412dfb5e15695fa96d21ecb23.png?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>Redmi 10A</h3>
                        <p>大电量、大音量、大屏幕</p>
                        <p class="price">
                            <span class="num">649</span>元<span>起</span>
                            <del><span class="num">699</span>元</del>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bcd64f412dfb5e15695fa96d21ecb23.png?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>Redmi 10A</h3>
                        <p>大电量、大音量、大屏幕</p>
                        <p class="price">
                            <span class="num">649</span>元<span>起</span>
                            <del><span class="num">699</span>元</del>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bcd64f412dfb5e15695fa96d21ecb23.png?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>Redmi 10A</h3>
                        <p>大电量、大音量、大屏幕</p>
                        <p class="price">
                            <span class="num">649</span>元<span>起</span>
                            <del><span class="num">699</span>元</del>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bcd64f412dfb5e15695fa96d21ecb23.png?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>Redmi 10A</h3>
                        <p>大电量、大音量、大屏幕</p>
                        <p class="price">
                            <span class="num">649</span>元<span>起</span>
                            <del><span class="num">699</span>元</del>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bcd64f412dfb5e15695fa96d21ecb23.png?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>Redmi 10A</h3>
                        <p>大电量、大音量、大屏幕</p>
                        <p class="price">
                            <span class="num">649</span>元<span>起</span>
                            <del><span class="num">699</span>元</del>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bcd64f412dfb5e15695fa96d21ecb23.png?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>Redmi 10A</h3>
                        <p>大电量、大音量、大屏幕</p>
                        <p class="price">
                            <span class="num">649</span>元<span>起</span>
                            <del><span class="num">699</span>元</del>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bcd64f412dfb5e15695fa96d21ecb23.png?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>Redmi 10A</h3>
                        <p>大电量、大音量、大屏幕</p>
                        <p class="price">
                            <span class="num">649</span>元<span>起</span>
                            <del><span class="num">699</span>元</del>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bcd64f412dfb5e15695fa96d21ecb23.png?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>Redmi 10A</h3>
                        <p>大电量、大音量、大屏幕</p>
                        <p class="price">
                            <span class="num">649</span>元<span>起</span>
                            <del><span class="num">699</span>元</del>
                        </p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>